<div class="side-content">
  <div class="side-calendar">
    <calendar
        (onSelected)="onCalendarSelected($event)"></calendar>
  </div>
  <div class="chart-title">
    <div style="float:left">
      <span>{{chart_title}}</span>
      <span>总工时: {{total_hour}}</span>
    </div>
    <!--div class="select-content" >
      <span>筛选</span>
      <div class="dropdown-content">
         <a href="#">机械一</a>
         <a href="#">机械二</a>
         <a href="#">小件</a>
         <a href="#">设计</a>
         <a href="#">小件</a>
         <a href="#">开发</a>
         <a href="#">前端</a>
         <a href="#">电路</a>
     </div>
    </div -->
  </div>

  <div echarts [options]="chartOption" class="side-chart">
  </div>

</div>















<!--
<div echarts [options]="chartOption" class="side-chart"></div>

-->





<!--
<div class="section"><table style="width: 100%;"><tr>
  <td style="width: 420px; vertical-align: top;"><calendar
      (onSelected)="onCalendarSelected($event)"></calendar></td>
  <td style="vertical-align: top; padding-left: 2vw;"><md-card id="show-area"
      *ngIf="user && showDate">
    <md-card-header>
      <md-card-title>{{showDate.y}}年{{showDate.m + 1}}月{{showDate.num}}日</md-card-title>
      <md-card-subtitle>总工时: {{total_task_hours}}</md-card-subtitle>
    </md-card-header>
    <md-card-content *ngIf="tasks && mine">
      <div *ngFor="let row of user_task_hours; let i=index">
        <p *ngIf="!row.user.hidden"><a
            href="users/{{row.user.id}}/tasks"
            (click)="goUser(row.user)"><b>{{row.user.name}}</b></a>：
          任务: {{row.t_count}}，
          总工时: {{row.count}}</p>
      </div>
    </md-card-content>
  </md-card></td>
</tr></table></div>
<div class="section">
  <task-table date="{{showDate.y}}-{{showDate.m + 1}}-{{showDate.num}}"></task-table>
</div>

-->
